﻿<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../include/taglib.jsp"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8">
<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon-precomposed" href="${ctxAssets}/img/m/images/icon/logo-icon.png">
<title>${compName }</title>
<meta name="keywords" content="${seoName }">
<meta name="description" content="${seoName }">

<link href="${ctxAssets}/css/m/theme/default/style.css" rel="stylesheet" type="text/css">
<link href="${ctxAssets}/css/m/theme/default/common.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${ctxAssets}/js/m/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${ctxAssets}/js/m/global.js"></script>
<script type="text/javascript" src="${ctxAssets}/js/m/slide_show.js"></script>
</head>



<body>
<div id="wrapper">
	<div id="header">
	<a href="${ctx }/m/mHome" class="home"></a>
<!-- 	<div class="topSearch"> -->
<!-- 		<div class="searchBox"> -->
<%-- 			<form name="" method="post" accept-charset="UTF-8" action="${ctx }/m/searchTxt"> --%>
<!-- 			  <input name="searchTxt" type="text" class="keyword" autocomplete="off" maxlength="128" value="" onclick="formClick(this,'搜索')"> -->
<!-- 			  <input type="submit" class="btnSearch" value="提交"> -->
<!-- 			</form> -->
<!-- 		</div> -->
<!-- 	</div> -->
	<a href="${ctx }/m/catalog" class="siteMap"></a>
	</div>
	
	<div class="slideShow" style="max-width: 100%;">
		<div class="slideBox" style="width: 100%; overflow: hidden; position: relative; height: 207px;">
			<ul class="slides" style="width: 515%; position: relative; transition-duration: 0s; transform: translate3d(-1242px, 0px, 0px);">
<%-- 				<li class="bx-clone"><a href="" target="_blank"><img src="${ctxAssets}/upload/slide/1.jpg"></a></li> --%>
<%-- 				<li><a href="" target="_blank"><img src="${ctxAssets}/upload/slide/2.jpg"></a></li> --%>
<%-- 				<li><a href="" target="_blank"><img src="${ctxAssets}/upload/slide/3.jpg"></a></li> --%>
				<c:forEach items="${bannerImgPaths}" var="imgPath">
					<li><a href="" target="_blank"><img src="${ctx }/${imgPath }"></a></li>
				</c:forEach>
				
			</ul>
		</div>
	</div>
	
	<script type="text/javascript">
	$(document).ready(function(){
		$('.slides').bxSlider({});
	})
	</script>
	
<div class="urHere">
	当前位置：产品中心
</div>
<div class="treeBox">
	<c:forEach items="${brandDtos}" var="dto">
		<a href="${ctx }/m/productList?brandId=${dto.id}&classifyId=${dto.classifyId}">${dto.name }</a>
	</c:forEach>
</div>

<!--<div id="indexSearch">
	<div class="searchBox">
		<form name="searchTxt" method="post" accept-charset="UTF-8" action="${ctx }/m/searchTxt">
			<input name="searchTxt" type="text" class="keyword" autocomplete="off" maxlength="128" value="" onclick="formClick(this,'搜索')">
			<input type="submit" class="btnSearch" value="提交">
		</form>
	</div>
</div>-->

<div id="productCat">
	<div class="productList">
	<c:forEach items="${productDtos}" var="dto">
		<dl>
		   <dd>
		  	<p class="img"><a href="${ctx }/m/product?productId=${dto.id}">
		   			<img src="${ctx}/${dto.imgPath}" width="138" height="138" />
			</a></p>
		   <p class="name"><a href="product?pdId=${dto.id}">${dto.name}</a></p>
<%-- 		   <p class="price">￥${dto.price}元</p> --%>
		   <p class="price">月供：￥${dto.monthlyPayment}元</p>
		   </dd>
		</dl>
	</c:forEach>
	</div>
<!-- 	<div class="pager"><em>上一页</em><span>第1/2页</span><a href="">下一页</a></div> -->
</div>

<%@include file="../include/footer.jsp"%>

 </div>
<%@include file="../include/footer_contact.jsp"%>
</body></html>